<style>
    li .left-list-op { display: none; }
    li:hover .left-list-op { display: block; }
    .shenfen_check { border: 1px solid #d9d9d9; }
    .shenfen_check li { cursor: default; position: relative; height: 25px; float: left; margin: 8px 10px; background-color: #fff; border: 1px solid #d9d9d9; padding: 0px 20px; line-height: 25px; }
    .shenfen_check li .ui-dialog-close { display: none; position: absolute; top: 0; right: 0; height: 25px; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #FFF; opacity: .2; filter: alpha(opacity=20); cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
    .shenfen_check li:hover .ui-dialog-close { display: block; }
    /* reported_rules*/
    .pro-mode-settings {
        position: relative;
        overflow: hidden;
        zoom: 1;
    }

    .pro-mode-settings h3 {
        background: #ff7712;
        height: 32px;
        line-height: 32px;
        background: #ff7712;
        color: #fff;
        text-align: center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .pro-mode-list {
        min-height: 212px;
        padding: 5px 0px 15px 15px;
        border: 1px solid #d9d9d9;
    }

    .pro-mode-list li {
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        margin: 10px 3%;
        color: #ff7712;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        text-align: center;
        width: 110px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }
    .pro-mode-left, .pro-mode-right, .pro-box {
        margin-bottom: -3000px;
        float: left;
        padding: 0 0 3000px;
        border: 8px solid #fff;
        border-top: none;
        border-bottom: none;
    }

    .pro-mode-list li.drag-guide {
        border: 1px dashed #ff7712;
        background: none;
    }

    .pro-mode-list li:hover {
        background: #ffa456;
        color: #fff;
        cursor: pointer;
        border-color: #ffa456
    }

    .pro-mode-list li.drag-guide:hover {
        background: none;
        cursor: default;
        border: 1px dashed #ff7712;
    }

    .cur-icon {
        width: 16px;
        height: 16px;
        background: url(http://img-dev.myscrmimg.cn/projects/qmyx/public/images/icon/cur_hover.png) no-repeat;
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 7px;
    }
    h3.f15{ background: #f0f0f0 !important; color: #333 !important;border: #f0f0f0;}
    .txt{
        background-color: #f4f4f4;
        padding: 5px 10px;
        margin-top: 10px;
        color: #c7c7c7;
        min-height: 48px;}
</style>
<form name="reported_rules_form" novalidate>
<table width="100%" class="mt10" ng-controller="ReportedRulesController">
<tbody>
<tr>
    <td align="right" class="form-cell w150 pt16" valign="top"><em class="c-red">*&nbsp;</em>客户确认模式：</td>
    <td class="pt16">
        <ul class="pro-mode-settings clearfix">
            <li class="col-md-4 pro-mode-left">
                <h3 class="f15">报备模式</h3>
                <ul class="pro-mode-list clearfix" ng-model='list1' data-drop="true"  jqyoui-droppable="{multiple:true,beforeDrop: 'beforeDrop(0)',onOver:'onOver(0)'}">
                    <li class="cur-icon" ng-repeat="item in list1" data-drag="{{item.drag}}" ng-model="list1"
                        data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{index: {{$index}},onStart: 'dragStart(item,$index,0)'}">{{item.title}}<i
                            class="cur-icon"></i></li>
                </ul>
                <p class="txt">适用于报备客户质量较高、无需带看的经纪人，如老业主、员工、合作伙伴等。</p>
            </li>
            <li class="col-md-4 pro-box">
                <h3 class="f15">保护带看</h3>
                <ul class="pro-mode-list" ng-model='list2' data-drop="true"  jqyoui-droppable="{multiple:true,beforeDrop: 'beforeDrop(1)',onOver:'onOver(1)'}">
                    <li class="cur-icon" ng-repeat="item in list2" data-drag="{{item.drag}}" ng-model="list2"
                        data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{index: {{$index}},onStart: 'dragStart(item,$index,1)'}">{{item.title}}<i
                            class="cur-icon"></i></li>
                </ul>
                <p class="txt">适用于报备客户质量一般、需要带看的经纪人，如自由经纪人、中介门店等。</p>
            </li>
            <li class="col-md-4 pro-mode-right" style="float:right">
                <h3 class="f15">竞争带看</h3>
                <ul class="pro-mode-list" ng-model='list3' data-drop="true"  jqyoui-droppable="{multiple:true,beforeDrop: 'beforeDrop(2)',onOver:'onOver(2)'}">
                    <li class="cur-icon" ng-repeat="item in list3" data-drag="{{item.drag}}" ng-model="list3"
                        data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{index: {{$index}},onStart: 'dragStart(item,$index,2)'}">{{item.title}}<i
                            class="cur-icon"></i></li>
                </ul>
                <p class="txt">适用于报备量较大而质量一般、需要带看的经纪人，且开发商希望形成竞争格局， 允许重复报备，谁先带看就确认谁成功报备。</p>
            </li>
        </ul>
    </td>
</tr>
<tr>
    <td align="right" class="form-cell w150 pt16" valign="top">每日报备客户上限：</td>
    <td class="pt12">
        <input type="text" class="input-text mr5 w60" ng-model="data.recommendLimit.value" min="0">
        个（空表示无限制）
    </td>
</tr>
<tr>
    <td align="right" class="form-cell w150 pt16" valign="top">是否启用指定销售员：</td>
    <td class="pt12">
        <div class="switch fl switch-on" id="reported_autocheck">
            <span class="switch-text">开</span>
            <span class="switch-white"></span>
        </div>
    </td>
</tr>
</tbody>


<tbody ng-show="data.isEnableSeller.value==1">
<tr>
    <td align="right" class="form-cell w150 pt16" valign="top"></td>
    <td class="pt12">
        <div class="border clearfix relative">
            <div class="left-list">
                <div class="clearfix bgcf7 border-bottom"><span
                        class="fl f14 lh30 text-indent ml10">经纪人身份：</span></div>
                <div id="type_tree">
                    <div class="text-center" ng-if="loading">加载中。。。</div>
                    <div class="text-center"
                         ng-if="!loading && (!identifications || identifications.length==0)">无记录，请到【渠道身份管理】中设置。
                    </div>

                    <ul ng-if="!loading && (identifications && identifications.length>0)">
                        <li class="clearfix" ng-repeat="item in identifications"
                            ng-class="{selected:item.myParamValueId === curIdentification.myParamValueId}"
                            ng-click="selectIdentification(item)">
                            <span class="left-list-text" ng-if="item.specified">{{item.Text}}（已指定）</span>
                            <span class="left-list-text" ng-if="!item.specified">{{item.Text}}</span>

                        </li>
                    </ul>
                </div>
            </div>

            <div class="left-list-bd" style="left:269px"></div>
            <div style="float: left;position: relative;width: 602px">
                <div class="clearfix bgcf7 border-bottom"><span
                        class="fl f14 lh30 text-indent ml10">置业顾问：<span class="c-gray">标识为（休假）的成员，该功能不生效，请到“成员管理”处理（休假）状态。</span></span></div>

                <div class="clearfix ml10 mt10 mb10 mr10"
                     ng-if="curIdentification && curIdentification.teams.length>0">
                    <div ng-repeat="item in curIdentification.teams">
                        <div>
                                    <span class="checkbox">
                                        <input type="checkbox" id="teams_{{item.s_sales_teamId}}"
                                               ng-model="item.selected" ng-change="checkTeam(item)"/>
                                        <label for="teams_{{item.s_sales_teamId}}">{{item.sales_team_name}}</label>
                                    </span>
                        </div>

                        <div class="ml25">
                                    <span class="checkbox mr10" ng-repeat="itemUser in item.users">
                                        <input type="checkbox" id="user_{{itemUser.s_userId}}"
                                               ng-model="itemUser.selected" ng-change="checkUser(itemUser,item)"/>
                                        <label for="user_{{itemUser.s_userId}}">{{itemUser.user_name}}{{itemUser.is_on_holiday==1?'(休假)':''}}</label>
                                    </span>
                        </div>
                    </div>
                </div>
                <div class="text-center" ng-if="!curIdentification">
                    请选择经纪人身份
                </div>
                <div class="text-center" ng-if="curIdentification && curIdentification.teams.length==0">
                    没有销售团队和销售员记录，请到移动销售中设置。
                </div>


            </div>

        </div>
    </td>
</tr>

</tbody>


<tbody>
<tr>
    <td align="right" class="form-cell w150 pt16" valign="top">新客户提醒短信：</td>
    <td class="pt12">
        <div class="switch fl switch-on" id="reported_messgecheck">
            <span class="switch-text">开</span>
            <span class="switch-white"></span>
        </div>
    </td>
</tr>
</tbody>


<tbody ng-show="data.customerRegRemind.IsEnable==1">
<tr>
    <td align="right" class="form-cell w150 pt16" valign="top">接收手机号：</td>
    <td class="pt12">
        <div class="sheet">
            <table width="100%">
                <thead>
                <tr>
                    <th height="34">序号</th>
                    <th>手机号码</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody ng-if="!loading && (!data.customerRegRemind.Mobiles || data.customerRegRemind.Mobiles.length==0)">
                <tr height="60">
                    <td colspan="10">查询条件无数据</td>
                </tr>
                </tbody>
                <tbody id="tbl_mobile">
                <tr ng-repeat="mobile in data.customerRegRemind.Mobiles track by $index">
                    <td width="60" height="34">{{$index+1}}</td>
                    <td>{{mobile}}</td>
                    <td width="100"><a href="javascript:;" class="ta-c permission p-500302-07"
                                       data-permission="500302-07" ng-click="delTel(mobile,$index)"><i
                            class="icon-op icon-op-del"></i></a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <a href="javascript:;" data-permission="500302-05" class="c-orange f14 block mt5 permission p-500302-05"
           id="add_tel" ng-click="addTel()">
            <i class="ui-icon icon-add1"></i>添加手机号
        </a>
    </td>
</tr>
<tr>
    <td align="right" class="form-cell w150 pt16" valign="top">发送时间段：</td>
    <td class="pt12">
        <!--<input type="text" class="input-text input-time w150 fl" readonly="" value="">-->
        <!--<span class="fl lh30">&nbsp;&nbsp;-&nbsp;&nbsp;</span>-->
        <!--<input type="text" class="input-text input-time w150 fl" readonly="" value="">-->
        <select ng-model="startTimeHour">
            <option ng-repeat="item in hours">{{item}}</option>
        </select>
        <select ng-model="startTimeMinute">
            <option ng-repeat="item in minutes">{{item}}</option>
        </select>
        至
        <select ng-model="endTimeHour">
            <option ng-repeat="item in hours">{{item}}</option>
        </select>
        <select ng-model="endTimeMinute">
            <option ng-repeat="item in minutes">{{item}}</option>
        </select>
    </td>
</tr>
</tbody>
<tbody>
<tr>
    <td colspan="2" class="pt12">
        <button type="submit" class="btn fr permission p-500302-06" ng-click="save()">保存设置
        </button>
    </td>
</tr>
</tbody>
</table>
</form>


